<template>
  <div class="m-detailsHeader">
    <div class="m-searchListPanel m-searchListPanelA">
      <div class="layout-1"><span class="leftLine"></span>交易平台</div>
    </div>
    <el-tabs v-model="activeTab" class="m-common-tab">
      <el-tab-pane label="账户" name="TheAccount"></el-tab-pane>
      <el-tab-pane label="参与活动" name="TheActivity"></el-tab-pane>

      <el-tab-pane label="存款" name="TheDeposit"></el-tab-pane>
      <el-tab-pane label="取款" name="TheDraw"></el-tab-pane>

      <el-tab-pane label="额度记录" name="TheQuota"></el-tab-pane>
      <el-tab-pane label="成交单" name="TheDeal"></el-tab-pane>
      <el-tab-pane label="登录" name="TheLogin"></el-tab-pane>
    </el-tabs>
    <!--1=真实帐号 2=lead-->
    <div :is="activeTab" type="1" class="detailsContent"></div>
  </div>
</template>

<script>
  import TheAccount from './components/TheAccountDetailsAccount.vue'
  import TheActivity from './components/TheAccountDetailsActivity.vue'
  import TheDraw from './components/TheAccountDetailsDraw.vue'
  import TheDeposit from './components/TheAccountDetailsDeposit.vue'
  import TheQuota from './components/TheAccountDetailsQuota.vue'
  import TheDeal from './components/TheAccountDetailsDeal.vue'
  import TheLogin from './components/TheAccountDetailsLogin.vue'
  export default {
    name: 'AccountDetailsTrade',
    data () {
      return {
        activeTab:'TheAccount'
      }
    },
    components: {
      TheAccount,
      TheActivity,
      TheDeposit,
      TheQuota,
      TheDeal,
      TheDraw,
      TheLogin,
    },
  }
</script>

<style scoped lang="scss">
</style>
